<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Quản Lý Lộ Trình | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
    <!-- gebo blue theme-->
    <link rel="stylesheet" href="css/blue.css" id="link_theme" />
    <!-- breadcrumbs-->
    <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />
    <!-- enhanced select -->
    <link rel="stylesheet" href="lib/chosen/chosen.css" />
    <!-- code prettify -->
    
    <link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />    
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />    
    <!-- splashy icons -->
    <link rel="stylesheet" href="img/splashy/splashy.css" />
    <!-- colorbox -->
    <link rel="stylesheet" href="lib/colorbox/colorbox.css" />	
    <!-- main styles -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->

  </head>
  <body class="gebo-fixed menu_hover sidebar_hidden">
    <div id="maincontainer" class="clearfix">
      <!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
      <div id="contentwrapper">
        <div class="main_content">
          <!-- BreadCrumb -->
          <nav>
            <div id="jCrumbs" class="breadCrumb module">
              <ul>
                <li>
                  <a href="#"><i class="icon-home"></i></a>
                </li>
                <li>
                  <a href="#">Quản lý Booking</a>
                </li>                  
                <li>
                  Sửa lộ trình
                </li>                               
              </ul>
            </div>
          </nav>
          <!-- End BreadCrumb -->
          <div class="row-fluid">
            <div class="span12">
              <div class="heading"> 
                <h3 class="">Sửa lộ trình</h3> 
              </div>              
            </div>
          </div>
          <div class="row-fluid">
            <div class="span12 ">	
              <div class=" ">
                 <form class="form-horizontal" action="#" method="post">
										<fieldset>
											<div class="control-group">
												<label class="control-label">Tên Lộ trình <span class="f_req">*</span></label>
												<div class="controls">
                          <input type="text" class="" value="Hà nội -- Sài Gòn"   placeholder="Tên Lộ trình"/>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Điểm đầu hành trình <span class="f_req">*</span> </label>
												<div class="controls">
                          <input type="text" class="" value="Hà nội"   placeholder="Điểm xuất phát"/>
												</div>
											</div>                      
											<div class="control-group">
												<label class="control-label">Điểm cuối hành trình <span class="f_req">*</span></label>
												<div class="controls">
                          <input type="text" class="" value="Sài Gòn"   placeholder="Điểm kết cuối hành trình"/>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Số km kinh doanh </label>
												<div class="controls">
                          <input type="text" value="150"   placeholder="Số km kinh doanh"/> Km
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Miền núi</label>
												<div class="controls">
                           <label class="radio">
                            <input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios">
                            Có
                          </label>
                          <label class="radio">
                            <input type="radio" checked="true" value="option2" id="optionsRadios2" name="optionsRadios">
                            Không
                          </label>                          
												</div>
											</div>                      
                      <div class="control-group">
                        <label class="control-label" for="inputEmail">Khách hàng (*)</label>
                        <div class="controls">
                          <select name="" class="input-xlarge chzn_a">
                            <option>-- Chọn một khách hàng --</option>
                            <option selected="selected">Khách hàng A</option>
                            <option>Khách hàng B</option>
                            <option>Khách hàng C</option>
                            <option>Khách hàng D</option>
                            <option>Khách hàng E</option>
                            <option>Khách hàng F</option>
                            <option>Khách hàng G</option>
                            <option>Khách hàng H</option>
                          </select> <a href="#addnewcustomer" data-toggle="modal"  data-backdrop="static" class="btn btn-small ttip_t" title="Thêm mới khách hàng"><i class="icon-plus"></i> </a>
                        </div>
                      </div>                      
											<div class="control-group">
												<div class="controls">
                          <button class="btn btn-primary" type="submit" id="edit_service"><i class="icon-ok icon-white"></i> Lưu lại</button>
												</div>
											</div>
										</fieldset>                     
                   </form>
               
            </div>
           </div>
          </div>

        </div>
      </div>
      
      <!-- Popup add news -->
        <div class="modal hide" id="addnewcustomer">
            <!-- Form add -->
        <form class="form-horizontal" action="#" method="post">
          <div class="modal-header">
            <button class="close" data-dismiss="modal">×</button>
            <h3>Thêm mới khách hàng</h3>
          </div>
          <div class="modal-body">         
            <fieldset>
              <div class="control-group">
                <label class="control-label">Tên Công ty <span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Tên công ty"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Người liên hệ</label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Người liên hệ"/>
                </div>
              </div>               
              <div class="control-group">
                <label class="control-label">Email </label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Email"/>
                </div>
              </div>                      
              <div class="control-group">
                <label class="control-label">Điện thoại di động<span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Điện thoại di động"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Điện thoại bàn </label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Điện thoại bàn"/>
                </div>
              </div>
                     
              <div class="control-group">
                <label class="control-label">Nhóm khác hàng </label>
                <div class="controls">
                  <select name="nhom_kh"> 
                    <option selected ="selected"> Chọn </option>
                    <option > Công ty lữ hành </option>
                    <option  >công ty thuê xe hàng ngày</option>
                  </select>
                </div>
              </div>
            </fieldset>                     
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" type="submit"><i class="icon-ok icon-white"></i> Lưu lại</button>
        <a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
      </div>
            <!-- End Form  add -->          
        </div>
      <!-- end popup add new -->
      
      
      
 	<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>
      <script>
      $(document).ready(function() {
    	  $(".chzn_a").chosen({
				allow_single_deselect: true
        });       
      });      
      </script>

    </div>
  </body>
</html>